/*
    系统遵循3+n的依赖架构
    //
    @type:mobile fix
    *
    @todo{
        main.ts
        npm i amfe-flexible
        import 'amfe-flexible'
        750宽度作为rem单位1,对应75px
        config.ts
        npm install postcss postcss-pxtorem
        npm install autoprefixer
        import autoprefixer from 'autoprefixer';
        import postCssPxToRem from 'postcss-pxtorem';
        defineConfig里面添加：
        css: {
            postcss: {      
                plugins: [        
                    autoprefixer({          
                        overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8'],        
                    }),        
                    postCssPxToRem({          
                        // %E8%87%AA%E9%80%82%E5%BA%94%EF%BC%8Cpx>rem%E8%BD%AC%E6%8D%A2          
                        rootValue: 75, 
                        // 75%E8%A1%A8%E7%A4%BA750%E8%AE%BE%E8%AE%A1%E7%A8%BF%EF%BC%8C37.5%E8%A1%A8%E7%A4%BA375%E8%AE%BE%E8%AE%A1%E7%A8%BF
                        propList: ['*'], 
                        // %E9%9C%80%E8%A6%81%E8%BD%AC%E6%8D%A2%E7%9A%84%E5%B1%9E%E6%80%A7%EF%BC%8C%E8%BF%99%E9%87%8C%E9%80%89%E6%8B%A9%E5%85%A8%E9%83%A8%E9%83%BD%E8%BF%9B%E8%A1%8C%E8%BD%AC%E6%8D%A2          
                        selectorBlackList: ['norem'], 
                        // %E8%BF%87%E6%BB%A4%E6%8E%89norem-%E5%BC%80%E5%A4%B4%E7%9A%84class%EF%BC%8C%E4%B8%8D%E8%BF%9B%E8%A1%8Crem%E8%BD%AC%E6%8D%A2        
                    }),      
                ],    
            },  
        }
    }
    //
    @type:global vant(v4)
    *
    @todo {
        npm i vant//大于4之后要指定版本号npm i vant@latest-v4
        main.ts
        // 1. 引入你需要的组件
        import vant from 'vant';
        // 2. 引入组件样式
        import 'vant/lib/index.css';
    }
    //
    @type:swiper slide (en v9)
    [ https://swiperjs.com/vue ]
    *
    @todo {
        npm i swiper//大于v9之后要指定版本号npm install swiper@9.3.2
        pages use:
        import { Swiper, SwiperSlide } from 'swiper/vue';//选项api要注册组件对象
        import 'swiper/css';
        components:{
            Swiper,
            SwiperSlide
        }
    }
*/

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import 'amfe-flexible'
// 1. 引入你需要的组件
import vant from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';


import top from './components/top.vue'
import search from './components/search.vue'

const app = createApp(App)

app.use(router)
app.use(vant)
app.component('top', top)
app.component('search', search)

app.mount('#app')
